html,
body {
    height: 100%;
}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f5f5f5;
}

/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(224, 222, 222, 0);
    border-radius: 10px;
    background-color: #f5f5f5;
}

/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb {
    /*width: 10px;*/
    height: 30px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(170, 170, 170, 0.781);
    background-color: rgba(170, 170, 170, 0.103);
}

body {
    font-size: 12px;
    /* user-select: none; */
    padding: 0;
    margin: 0;
    background-color: transparent;
    overflow: hidden;
}

.drag {
    -webkit-app-region: drag;
    cursor: move;
}

.no-drag {
    -webkit-app-region: no-drag;
    cursor: default;
}

#root {
    height: 100vh;
    overflow: hidden;
}

.green {
    color: green;
}

.red {
    color: red;
}

.double-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.ant-back-top {
    right: 20px;
    bottom: 20px;
}

#root .semi-navigation-item-selected {
    background-color: var(--semi-color-primary-light-active);
}

.list-item:hover {
    background-color: var(--semi-color-fill-0);
}

.list-item-selected {
    background-color: var(--semi-color-fill-1);
}

.hover .hover-action {
    visibility: hidden;
}

.hover:hover .hover-action {
    visibility: visible;
}

.flex-box {
    display: flex;
    justify-content: space-between;
}